import { Component } from 'vue-property-decorator'
import TimelineBase from './TimelineItemBase'

@Component({})
export default class TimelineTitle extends TimelineBase {
  protected render(h: any) {
    return (
      <li class="timeline-title" style={this.itemStyle}>
        <div
          class={{
            [this.slotClass]: true,
            'timeline-circle timeline-title-circle': true,
          }}
          style="circleStyle"
          ref="others"
        >
          {this.$slots.others}
        </div>
        {this.$slots.default}
      </li>
    )
  }
}
